import React from 'react';
import HeaderNav from "../../../components/HeaderNav";
import Swiper from "../../../components/Swiper";
import Banner1 from '../../../assets/images/banner1.png'
import Banner2 from '../../../assets/images/banner2.png'
import Banner3 from '../../../assets/images/banner3.png'
import HomeHotList from "./HomeHotList";
import {useSelector} from "react-redux";
const Home = () =>{
    const city=useSelector(state => state.city)

    return(
     <div>
        <HeaderNav cityName={city.cityName}/>
         <Swiper Baneers={[Banner1,Banner2,Banner3]}/>
         <HomeHotList cityName={city.cityName}/>
     </div>

)
}

export default Home;